    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fontawsome官网案例</title>
    <script defer src="js/brands.js"></script>
    <script defer src="js/solid.js"></script>
    <script defer src="js/regular.js"></script>
    <script defer src="js/fontawesome.js"></script>

</head>
<body>
<i class="fa fa-user"></i> <!-- uses solid style -->
<i class="fab fa-github-square"></i> <!-- uses brand style -->
<i class="fab fa-alicorn"></i> <!-- uses brand style -->
<i class="far fa-igloo"></i>

<p>分割</p>
<i class="far fa-user" style="color: #ff6b6b;"></i>
<i class="fas fa-user" style="color: #ff6b6b;"></i>
<i class="far fa-comments" style="color: #ff6b6b;"></i>
<i class="fas fa-comments" style="color: #ff6b6b;"></i>

<p>github</p>
<i class="fab fa-github-square" style="color: #ff6b6b;"></i>
<i class="fab fa-angrycreative" style="color: #ff6b6b;"></i>
<i class="far fa-github-square" style="color: #ff6b6b;"></i>

</body>
</html>